<template>
  <progress-bar />
  <a-config-provider
    :locale="zhCN"
    :theme="{
      components: {
        // Radio: {
        //   colorPrimary: '#00b96b',
        // },
        // Button: {
        //   colorPrimary: '#00b96b',
        //   controlHeight: '20px',
        //   lineHeight: '40px',
        // },
        // Pagination: {
        //   borderRadius: 2,
        // },
        Button: {},
        Popover: {
          width: 'auto',
          padding: 0,
        },
        Table: {
          // lineHeight: 30,
        },
        Tree: {},
      },
      token: {
        borderRadius: 2,
        colorPrimary: '#3d6d99',
        colorPrimaryBg: '#dbefff',
        // colorBgMask: '#ffffff00',
      },
    }"
  >
    <router-view />
  </a-config-provider>
</template>
<script setup>
import { RouterView } from 'vue-router'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
import ProgressBar from '@/components/progress-bar/progress-bar.vue'
dayjs.locale('zh-cn')
</script>

<style lang="less">
html,
body,
#app {
  height: 100%;
}
body {
  margin: 0px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
#app {
  overflow: hidden;
}
// antdv 样式修改
.ant-drawer {
  .ant-drawer-mask {
    opacity: 0;
  }
}
.ant-drawer:focus-visible {
  outline: none !important;
}
.ant-modal {
  .modal-box {
    position: relative;
    &.before-border {
      padding-top: 15px;
      margin-top: 15px;
      &::before {
        position: absolute;
        content: ' ';
        top: 0;
        left: -24px;
        right: -24px;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.09);
      }
    }
    &.after-border {
      padding-bottom: 15px;
      margin-bottom: 10px;
      &::after {
        position: absolute;
        content: ' ';
        bottom: 0;
        left: -24px;
        right: -24px;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.09);
      }
    }
  }
}
//主题样式
.ant-btn-link {
  color: #3d6d99 !important;
}
.ant-menu-item-selected {
  &::after {
    width: 3px;
    background-color: #3d6d99 !important;
  }
}
</style>
